<template>
	<div class="index">
<<<<<<< HEAD
		<div class="banner_y center">
			<div class="nav">
				<ul style="z-index: 999;" >

					<li v-for="item in possd" @mousemove="classAid(item.classAId)"  @mouseout="classbUp()">
						<a class=""   :id="item.classAId">{{item.classAName}}</a>
            <a :id="item.classAId" style="display: none">{{item.classAId}}</a>

            <div class="pop">
            <div class="left fl">
              <div id="pos" v-for="items in classB" >
                <div class="xuangou_left fl">
                  <a href="">
                    <span class="fl">{{items.classBName}}</span>
                    <div class="clear"></div>
                  </a>
                </div>
                <div class="xuangou_right fr"><a href="">选购</a></div>
                <div class="clear"></div>
              </div>

            <div class="clear"></div>
            </div>
            </div>
=======
    <header>

    <div class="top center">
      <div class="left fl">
        <ul>
          <li><a href="http://www.mi.com/" target="_blank">友享商城</a></li>
          <li>|</li>
          <!--<router-link tag='a' :to="'/'" >社区</router-link>-->
          <li>社区</li>
          <li>|</li>
          <li><a href="">云服务</a></li>
          <li>|</li>
          <li><a href="">友享商城移动版</a></li>
          <li>|</li>
          <li><a href="">问题反馈</a></li>>
          <div class="clear"></div>
        </ul>
      </div>
      <div class="right fr">
        <div class="gouwuche fr"><a href="">购物车</a></div>
        <div class="fr">
          <ul>
            <li><a href="./login.html" target="_blank">登录</a></li>
            <li>|</li>
            <li><a href="./register.html" target="_blank" >注册</a></li>
            <li>|</li>
            <li><a href="">消息通知</a></li>
          </ul>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    </header>

    <div class="banner_y center" style="margin-top: 5px">
			<div class="nav">				
				<ul style="z-index: 999;">
					<li>
						<a href="">手机</a>
						<a href="">电话卡</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="./xiangqing.html" target="_blank">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>								
							</div>
							<div class="ctn fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5-80.jpg" alt=""></div>
											<span class="fl">友享手机5</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmn4x80.png" alt=""></div>
											<span class="fl">红米Note 4X</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmnote4-80.jpg" alt=""></div>
											<span class="fl">红米Note-4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4x_80.png" alt=""></div>
											<span class="fl">红米4x</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4-80.jpg" alt=""></div>
											<span class="fl">红米4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4A-80.jpg" alt=""></div>
											<span class="fl">红米4A</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="right fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/compare.jpg" alt=""></div>
											<span class="fl">对比手机</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/mimobile.jpg" alt=""></div>
											<span class="fl">友享移动&nbsp;电话卡</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">笔记本</a>
						<a href="">平板</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>								
							</div>
							<div class="ctn fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5-80.jpg" alt=""></div>
											<span class="fl">友享手机5</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmn4x80.png" alt=""></div>
											<span class="fl">红米Note 4X</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmnote4-80.jpg" alt=""></div>
											<span class="fl">红米Note-4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4x_80.png" alt=""></div>
											<span class="fl">红米4x</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4-80.jpg" alt=""></div>
											<span class="fl">红米4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4A-80.jpg" alt=""></div>
											<span class="fl">红米4A</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
							</div>
							
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">电视</a>
						<a href="">盒子</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>								
							</div>
							<div class="ctn fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5-80.jpg" alt=""></div>
											<span class="fl">友享手机5</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmn4x80.png" alt=""></div>
											<span class="fl">红米Note 4X</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmnote4-80.jpg" alt=""></div>
											<span class="fl">红米Note-4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4x_80.png" alt=""></div>
											<span class="fl">红米4x</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4-80.jpg" alt=""></div>
											<span class="fl">红米4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4A-80.jpg" alt=""></div>
											<span class="fl">红米4A</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="right fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/compare.jpg" alt=""></div>
											<span class="fl">对比手机</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/mimobile.jpg" alt=""></div>
											<span class="fl">友享移动&nbsp;电话卡</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">路由器</a>
						<a href="">智能硬件</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>								
							</div>
							<div class="ctn fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5-80.jpg" alt=""></div>
											<span class="fl">友享手机5</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmn4x80.png" alt=""></div>
											<span class="fl">红米Note 4X</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmnote4-80.jpg" alt=""></div>
											<span class="fl">红米Note-4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4x_80.png" alt=""></div>
											<span class="fl">红米4x</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4-80.jpg" alt=""></div>
											<span class="fl">红米4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4A-80.jpg" alt=""></div>
											<span class="fl">红米4A</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="right fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/compare.jpg" alt=""></div>
											<span class="fl">对比手机</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/mimobile.jpg" alt=""></div>
											<span class="fl">友享移动&nbsp;电话卡</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">移动电源</a>
						<a href="">电池</a>
						<a href="">插线板</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>								
							</div>
							<div class="ctn fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5-80.jpg" alt=""></div>
											<span class="fl">友享手机5</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmn4x80.png" alt=""></div>
											<span class="fl">红米Note 4X</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmnote4-80.jpg" alt=""></div>
											<span class="fl">红米Note-4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4x_80.png" alt=""></div>
											<span class="fl">红米4x</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4-80.jpg" alt=""></div>
											<span class="fl">红米4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4A-80.jpg" alt=""></div>
											<span class="fl">红米4A</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="right fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/compare.jpg" alt=""></div>
											<span class="fl">对比手机</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/mimobile.jpg" alt=""></div>
											<span class="fl">友享移动&nbsp;电话卡</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">耳机</a>
						<a href="">音箱</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="ctn fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5-80.jpg" alt=""></div>
											<span class="fl">友享手机5</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmn4x80.png" alt=""></div>
											<span class="fl">红米Note 4X</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hmnote4-80.jpg" alt=""></div>
											<span class="fl">红米Note-4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4x_80.png" alt=""></div>
											<span class="fl">红米4x</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4-80.jpg" alt=""></div>
											<span class="fl">红米4</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/hm4A-80.jpg" alt=""></div>
											<span class="fl">红米4A</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="right fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/compare.jpg" alt=""></div>
											<span class="fl">对比手机</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/mimobile.jpg" alt=""></div>
											<span class="fl">友享移动&nbsp;电话卡</span>
											<div class="clear"></div>
										</a>
									</div>
									<!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">保护套</a>
						<a href="">贴膜</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>								
							</div>							
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">线材</a>
						<a href="">支架</a>
						<a href="">储存卡</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>			
							</div>
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">箱包</a>
						<a href="">服饰</a>
						<a href="">鞋</a>
						<a href="">眼镜</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>								
							</div>							
							<div class="clear"></div>
						</div>
					</li>
					<li>
						<a href="">米兔</a>
						<a href="">生活周边</a>
						<div class="pop">
							<div class="left fl">
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm6_80.png" alt=""></div>
											<span class="fl">友享6</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/5c_80.png" alt=""></div>
											<span class="fl">友享手机5c</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xmNOTE2-80.jpg" alt=""></div>
											<span class="fl">友享Note 2</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享MIX</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/MIX-80.jpg" alt=""></div>
											<span class="fl">友享5s</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>
								<div>
									<div class="xuangou_left fl">
										<a href="">
											<div class="img fl"><img src="../../assets/image/xm5Splus.jpg" alt=""></div>
											<span class="fl">友享5s Plus</span>
											<div class="clear"></div>
										</a>
									</div>
									<div class="xuangou_right fr"><a href="">选购</a></div>
									<div class="clear"></div>
								</div>								
							</div>							
							<div class="clear"></div>
						</div>
>>>>>>> 721241eaa9cd2ad885f9d14fd13b17ad74e74f72
					</li>
				</ul>
			</div>




			<div class="block" style="width: 758px;height: 460px;position: absolute;top: 45px;left: 296px;">
			    <span class="demonstration"></span>
			    <el-carousel trigger="click" height="460px">
			      <el-carousel-item v-for="item in indexbanner">
			          <img  :src="item.bannerpic" class="bannerimgslze">
			      </el-carousel-item>
			    </el-carousel>
  			</div>

			<div class="wode" style="width: 234px;height: 460px;z-index: 999;float: right;margin-top: -460px;">
				<div class="wode11" style="width: 234px;height: 90px;background: rgb(12,12,19);">
					<p style="padding-top: 12px;padding-left: 10px;color: white;">Hi,欢迎来到友享！</p>
					<p>
						<div class="logina" style="background:dodgerblue;float: left;width: 85px;height: 30px;margin-left: 12px;margin-top: 11px;text-align: center;line-height: 30px;cursor: pointer;color: white;">登录</div>
						<div class="zhuce1" style="background:white;float: right;width: 85px;height: 30px;margin-right: 22px;margin-top: 11px;text-align: center;line-height: 30px;cursor: pointer;color: dodgerblue;border: 1px solid dodgerblue;">注册</div>
					</p>
				</div>
        <div class="gonggaoda" style="width: 234px;height: 350px;background: rgb(12,12,19);margin-top: 20px;">
          <div class="gonggaotitle" style="border-bottom: 1px solid dodgerblue;color:white;float: left;width: 234px;">
            <span class="active" style="font-size: 14px;font-weight: bold;padding: 10px;float: left;cursor: pointer;">网站公告&nbsp;&nbsp;|</span>
            <!--<em style="color: dodgerblue;font-size: 24px;float: left;margin-top: 3px;">|</em>-->
            <span style="cursor: pointer;font-size: 14px;font-weight: bold;padding: 10px;float: left;">最新活动</span>
          </div>
          <div class="gonggaocontent" style="margin-top: 15px;margin-left: 5px;float: left;">
            <div class="gonggaocontent1" style="font-size: 14px;">
              <div class="active">
                <router-link tag='a' :to="'/activity'" >
                <p v-for='item in noticeinfoSetTop' style="padding: 5px;"  :id="item.Noticeid" @click="Noticeid(item.Noticeid)"><a style="color: white;">{{item.NoticeTitle.slice(0,12)}}</a>&nbsp;&nbsp;&nbsp;(置顶)</p>
                </router-link>
                <router-link tag='a' :to="'/activity'" >
                <p v-for='item in NoticeFlashback' style="padding: 5px;"><a style="color: white;">{{item.NoticeTitle.slice(0,12)}}...</a></p>
                </router-link>
              </div>
              <div>
                <p v-for='item in activityinfoGGG' style="padding: 5px;"><a style="color: white;">{{item.activityTitle.slice(0,12)}}...</a></p>
              </div>

            </div>
          </div>
        </div>
			</div>
		</div>	

		<div class="sub_banner center">
			<div class="datu fl" v-for="item in maxClassBId"><a href=""><!--<img :src="itme.classCPIc" alt="">-->{{item.classBName}}</a></div>
			<div class="clear"></div>


		</div>
	<!-- end banner -->


	<!-- start danpin -->

    <div class="peijian w">

      <div class="biaoti center">
        <!--<router-link tag='a' :to="'/liebiao'" :classAId="Electronics[0].classAId" @click="LookAtAllS(Electronics[0].classAId)">-->
        {{Electronics[0].classAName}}
        <img :classAId="Electronics[0].classAId"  @click="LookAtAllS(Electronics[0].classAId)" src="../../assets/image/MoreIcons.jpg" >
        <!--</router-link>-->
      </div>

        <div class="main center">
        <div class="content">
          <router-link tag='a' :to="'/details'" >
           <div class="remen fl" v-for="itme in Electronics"  :classCIds="itme.classCId" :classBId="itme.classBId" @click="CommodityDetails((itme.classCId),(itme.classBId))">
             <div class="bushixinpin" v-if="itme.classCDiscount==0"><span></span></div>
             <div class="xinpin" v-else-if="itme.classCDiscount==1"><span>1折</span></div>
             <div class="xinpin" v-else-if="itme.classCDiscount==2"><span>2折</span></div>
             <div class="xinpin" v-else-if="itme.classCDiscount==3"><span>3折</span></div>
             <div class="xinpin" v-else-if="itme.classCDiscount==4"><span>4折</span></div>
             <div class="xinpin" v-else-if="itme.classCDiscount==5"><span>5折</span></div>
             <div class="xinpin" v-else-if="itme.classCDiscount==6"><span>6折</span></div>
             <div class="xinpin" v-else-if="itme.classCDiscount==7"><span>7折</span></div>
             <div class="xinpin" v-else-if="itme.classCDiscount==8"><span>8折</span></div>
             <div class="xinpin" v-else="itme.classCDiscount==9"><span>9折</span></div>
             <div class="tu"><a href=""><img :src="itme.classCPIc" class="classcpic"></a></div>
             <div class="miaoshu"><a href="">{{itme.classCName.substr(0,12)}}</a></div>
             <div class="jiage">￥{{itme.classCprice}}元</div>
             <div class="pingjia" v-if="itme.classCDiscount==1">当前为活动商品</div>
             <div class="pingjia" v-else="itme.classCDiscount==1"> &nbsp;</div>
             <div class="piao">
               <span v-html="itme.classCTitle.substr(0,18)"></span>
                 <span>发布人:{{itme.Nickname}}</span>
             </div>
           </div>
          </router-link>
        </div>
      </div>
    </div>


    <div class="peijian w">
      <div class="biaoti center">{{NotebookComputer[0].classAName}}<img :classAId="NotebookComputer[0].classAId"  @click="LookAtAllS(NotebookComputer[0].classAId)" src="../../assets/image/MoreIcons.jpg" ></div>
      <div class="main center">
        <div class="content">
          <router-link tag='a' :to="'/details'" >
          <div class="remen fl" v-for="itme in NotebookComputer"  :classCIds="itme.classCId" :classBId="itme.classBId" @click="CommodityDetails((itme.classCId),(itme.classBId))">
            <div class="bushixinpin" v-if="itme.classCDiscount==0"><span></span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==1"><span>1折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==2"><span>2折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==3"><span>3折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==4"><span>4折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==5"><span>5折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==6"><span>6折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==7"><span>7折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==8"><span>8折</span></div>
            <div class="xinpin" v-else="itme.classCDiscount==9"><span>9折</span></div>
            <div class="tu" ><a href=""><img :src="itme.classCPIc" class="classcpic"></a></div>
            <div class="miaoshu"><a href="">{{itme.classCName.substr(0,12)}}</a></div>
            <div class="jiage">￥{{itme.classCprice}}元</div>
            <div class="pingjia" v-if="itme.classCDiscount==1">当前为活动商品</div>
            <div class="pingjia" v-else="itme.classCDiscount==1"> &nbsp;</div>
            <div class="piao">
              <span v-html="itme.classCTitle.substr(0,18)"></span>
                <span>发布人:{{itme.Nickname}}</span>
            </div>
          </div>
          </router-link>
        </div>
      </div>
    </div>


    <div class="peijian w">
      <div class="biaoti center"> {{Rentnumbertest[0].classAName}}
        <img :classAId="Rentnumbertest[0].classAId"  @click="LookAtAllS(Rentnumbertest[0].classAId)" src="../../assets/image/MoreIcons.jpg" >
         </div>
      <div class="main center">
        <div class="content">
          <router-link tag='a' :to="'/details'" >
          <div class="remen fl" v-for="itme in Rentnumbertest" :classCIds="itme.classCId" :classBId="itme.classBId" @click="CommodityDetails((itme.classCId),(itme.classBId))">
            <div class="bushixinpin" v-if="itme.classCDiscount==0"><span></span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==1"><span>1折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==2"><span>2折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==3"><span>3折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==4"><span>4折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==5"><span>5折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==6"><span>6折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==7"><span>7折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==8"><span>8折</span></div>
            <div class="xinpin" v-else="itme.classCDiscount==9"><span>9折</span></div>
            <div class="tu"><a href=""><img :src="itme.classCPIc" class="classcpic"></a></div>
            <div class="miaoshu"><a href="">{{itme.classCName.substr(0,12)}}</a></div>
            <div class="jiage">￥{{itme.classCprice}}元</div>
            <div class="pingjia" v-if="itme.classCDiscount==1">当前为活动商品</div>
            <div class="pingjia" v-else="itme.classCDiscount==1"> &nbsp;</div>
            <div class="piao">
              <span v-html="itme.classCTitle.substr(0,18)"></span>
                <span>发布人:{{itme.Nickname}}</span>
            </div>
          </div>
          </router-link>
        </div>
      </div>
    </div>


    <div class="peijian w">
      <div class="biaoti center">{{Toyslist[0].classAName}}
        <img :classAId="Toyslist[0].classAId"  @click="LookAtAllS(Toyslist[0].classAId)" src="../../assets/image/MoreIcons.jpg" >
     </div>
      <div class="main center">
        <div class="content">
          <router-link tag='a' :to="'/details'" >
          <div class="remen fl" v-for="itme in Toyslist" :classCIds="itme.classCId" :classBId="itme.classBId" @click="CommodityDetails((itme.classCId),(itme.classBId))">
            <div class="bushixinpin" v-if="itme.classCDiscount==0"><span></span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==1"><span>1折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==2"><span>2折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==3"><span>3折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==4"><span>4折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==5"><span>5折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==6"><span>6折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==7"><span>7折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==8"><span>8折</span></div>
            <div class="xinpin" v-else="itme.classCDiscount==9"><span>9折</span></div>
            <div class="tu"><a href=""><img :src="itme.classCPIc" class="classcpic"></a></div>
            <div class="miaoshu"><a href="">{{itme.classCName.substr(0,12)}}</a></div>
            <div class="jiage">￥{{itme.classCprice}}元</div>
            <div class="pingjia" v-if="itme.classCDiscount==1">当前为活动商品</div>
            <div class="pingjia" v-else="itme.classCDiscount==1"> &nbsp;</div>
            <div class="piao">
              <span v-html="itme.classCTitle.substr(0,18)"></span>
                <span>发布人:{{itme.Nickname}}</span>
            </div>
          </div>
          </router-link>
        </div>
      </div>
    </div>

		<div class="peijian w">
			<div class="biaoti center">{{clothingFlashback[0].classAName}}
        <img :classAId="clothingFlashback[0].classAId"  @click="LookAtAllS(clothingFlashback[0].classAId)" src="../../assets/image/MoreIcons.jpg" >
       </div>
			<div class="main center">
				<div class="content">
          <router-link tag='a' :to="'/details'" >
          <div class="remen fl" v-for="itme in clothingFlashback" :classCIds="itme.classCId" :classBId="itme.classBId" @click="CommodityDetails((itme.classCId),(itme.classBId))">
            <div class="bushixinpin" v-if="itme.classCDiscount==0"><span></span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==1"><span>1折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==2"><span>2折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==3"><span>3折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==4"><span>4折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==5"><span>5折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==6"><span>6折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==7"><span>7折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==8"><span>8折</span></div>
            <div class="xinpin" v-else="itme.classCDiscount==9"><span>9折</span></div>
          <div class="tu"><a href=""><img :src="itme.classCPIc" class="classcpic"></a></div>
          <div class="miaoshu"><a href="">{{itme.classCName.substr(0,12)}}</a></div>
            <div class="jiage">￥{{itme.classCprice}}元</div>
            <div class="pingjia" v-if="itme.classCDiscount==1">当前为活动商品</div>
            <div class="pingjia" v-else="itme.classCDiscount==1"> &nbsp;</div>
            <div class="piao">
              <span v-html="itme.classCTitle.substr(0,18)"></span>
                <span>发布人:{{itme.Nickname}}</span>
          </div>
          </div>
          </router-link>
				</div>
			</div>
		</div>


    <div class="peijian w">
      <div class="biaoti center">{{LifeFlashback[0].classAName}}
        <img :classAId="LifeFlashback[0].classAId"  @click="LookAtAllS(LifeFlashback[0].classAId)" src="../../assets/image/MoreIcons.jpg" >
      </div>
      <div class="main center">
        <div class="content">
          <router-link tag='a' :to="'/details'" >
          <div class="remen fl" v-for="itme in LifeFlashback" :classCIds="itme.classCId" :classBId="itme.classBId" @click="CommodityDetails((itme.classCId),(itme.classBId))">
            <div class="bushixinpin" v-if="itme.classCDiscount==0"><span></span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==1"><span>1折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==2"><span>2折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==3"><span>3折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==4"><span>4折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==5"><span>5折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==6"><span>6折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==7"><span>7折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==8"><span>8折</span></div>
            <div class="xinpin" v-else="itme.classCDiscount==9"><span>9折</span></div>
            <div class="tu"><a href=""><img :src="itme.classCPIc" class="classcpic"></a></div>
            <div class="miaoshu"><a href="">{{itme.classCName.substr(0,12)}}</a></div>
            <div class="jiage">￥{{itme.classCprice}}元</div>
            <div class="pingjia" v-if="itme.classCDiscount==1">当前为活动商品</div>
            <div class="pingjia" v-else="itme.classCDiscount==1"> &nbsp;</div>
            <div class="piao">
              <span v-html="itme.classCTitle.substr(0,18)"></span>
                <span>发布人:{{itme.Nickname}}</span>
            </div>
          </div>
          </router-link>
        </div>
      </div>
    </div>

    <div class="peijian w">
      <div class="biaoti center"> {{FieldFlashback[0].classAName}}
        <img :classAId="FieldFlashback[0].classAId"  @click="LookAtAllS(FieldFlashback[0].classAId)" src="../../assets/image/MoreIcons.jpg" >
      </div>
      <div class="main center">
        <div class="content">
          <router-link tag='a' :to="'/details'" >
          <div class="remen fl" v-for="itme in FieldFlashback" :classCIds="itme.classCId" :classBId="itme.classBId" @click="CommodityDetails((itme.classCId),(itme.classBId))">
            <div class="bushixinpin" v-if="itme.classCDiscount==0"><span></span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==1"><span>1折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==2"><span>2折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==3"><span>3折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==4"><span>4折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==5"><span>5折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==6"><span>6折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==7"><span>7折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==8"><span>8折</span></div>
            <div class="xinpin" v-else="itme.classCDiscount==9"><span>9折</span></div>
            <div class="tu"><a href=""><img :src="itme.classCPIc" class="classcpic"></a></div>
            <div class="miaoshu"><a href="">{{itme.classCName.substr(0,12)}}</a></div>
            <div class="jiage">￥{{itme.classCprice}}元</div>
            <div class="pingjia" v-if="itme.classCDiscount==1">当前为活动商品</div>
            <div class="pingjia" v-else="itme.classCDiscount==1"> &nbsp;</div>
            <div class="piao">
              <span v-html="itme.classCTitle.substr(0,18)"></span>
                <span>发布人:{{itme.Nickname}}</span>
            </div>
          </div>
             </router-link>
        </div>
      </div>
    </div>

    <div class="peijian w">
      <div class="biaoti center">{{bookFlashback[0].classAName}}
        <img :classAId="bookFlashback[0].classAId"  @click="LookAtAllS(bookFlashback[0].classAId)" src="../../assets/image/MoreIcons.jpg" >
      </div>
      <div class="main center">
        <div class="content">
          <router-link tag='a' :to="'/details'" >
          <div class="remen fl" v-for="itme in bookFlashback" :classCIds="itme.classCId" :classBId="itme.classBId" @click="CommodityDetails((itme.classCId),(itme.classBId))">
            <div class="bushixinpin" v-if="itme.classCDiscount==0"><span></span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==1"><span>1折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==2"><span>2折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==3"><span>3折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==4"><span>4折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==5"><span>5折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==6"><span>6折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==7"><span>7折</span></div>
            <div class="xinpin" v-else-if="itme.classCDiscount==8"><span>8折</span></div>
            <div class="xinpin" v-else="itme.classCDiscount==9"><span>9折</span></div>
            <div class="tu"><a href=""><img :src="itme.classCPIc" class="classcpic"></a></div>
            <div class="miaoshu"><a href="">{{itme.classCName.substr(0,12)}}</a></div>
            <div class="jiage">￥{{itme.classCprice}}元</div>
            <div class="pingjia" v-if="itme.classCDiscount==1">当前为活动商品</div>
            <div class="pingjia" v-else="itme.classCDiscount==1"> &nbsp;</div>
            <div class="piao">
              <span v-html="itme.classCTitle.substr(0,18)"></span>
                <span>发布人:{{itme.Nickname}}</span>
            </div>
          </div>
          </router-link>
        </div>
      </div>
    </div>

	</div>
</template>
<script>
  export default{
    name: 'goods',
    data() {
      return {
        noticeinfoSetTop:[],
        NoticeFlashback:[],
        activityinfoGGG:[],
        indexbanner:[],
<<<<<<< HEAD
        Electronics:[],
        Rentnumbertest:[],
        bookFlashback:[],
        FieldFlashback:[],
      clothingFlashback:[],
        Toyslist:[],
        LifeFlashback:[],
        NotebookComputer:[],
        possd:[],
        classB:[],
        maxClassBId:[]
=======
        Electronics:[
          {
            classAId:"",classAName:"",classBId:"",classCName:"",classCPIc:"",classCTitle:"", 	classCprice:""
          }
        ],
        Rentnumbertest:[
          {
            classAId:"",classAName:"",classBId:"",classCName:"",classCPIc:"",classCTitle:"", 	classCprice:""
          }
        ],
        bookFlashback:[
          {
            classAId:"",classAName:"",classBId:"",classCName:"",classCPIc:"",classCTitle:"", 	classCprice:""
          }
        ],
        FieldFlashback:[
          {
            classAId:"",classAName:"",classBId:"",classCName:"",classCPIc:"",classCTitle:"", 	classCprice:""
          }
        ],
      clothingFlashback:[
        {
          classAId:"",classAName:"",classBId:"",classCName:"",classCPIc:"",classCTitle:"", 	classCprice:""
        }
      ],
        Toyslist:[
          {
            classAId:"",classAName:"",classBId:"",classCName:"",classCPIc:"",classCTitle:"", 	classCprice:""
          }
        ],
        LifeFlashback:[
          {
            classAId:"",classAName:"",classBId:"",classCName:"",classCPIc:"",classCTitle:"", 	classCprice:""
          }
        ],
        NotebookComputer:[
          {
            classAId:"",classAName:"",classBId:"",classCName:"",classCPIc:"",classCTitle:"", 	classCprice:""
          }
        ]
>>>>>>> 721241eaa9cd2ad885f9d14fd13b17ad74e74f72
      }
    },
    mounted() {

      $(".gonggaotitle span").click(function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".gonggaocontent .gonggaocontent1 div").eq($(this).index()).addClass("active").siblings().removeClass("active");
      });

      $(".logina").click(function(){
        window.location.href="login";
      });

      //首页banner
      this.axios.post('/api/HomePageInterface/indexbanner', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].bannerpic="/api/img/"+ res.data.msg[i].bannerpic;
            }
            this.indexbanner = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));

      //查询活动
      this.axios.post('/api/HomePageInterface/activityinfoGGG', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            this.activityinfoGGG = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));


    //查询置顶的公告
      this.axios.post('/api/HomePageInterface/noticeinfoSetTop', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            this.noticeinfoSetTop = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));
      //查询一级商品分类下的商品
      this.axios.post('api/HomePageInterface/selectClassA',this.qs.stringify({ }),{
        headers:{
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      }).then(function (res) {
          if(res.data.status=="200"){
            console.log(res.data.msg);
            this.possd=res.data.msg;
          }
      }.bind(this)).catch(function (err) {
        if(err.response){
          console.log(err,response);
        }
      }.bind(this));


      //数码产品
      this.axios.post('/api/HomePageInterface/Electronics', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
            }
            this.Electronics = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));


      //租号
      this.axios.post('/api/HomePageInterface/Rentnumbertest', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              res.data.msg[i].classCTitle=res.data.msg[i].classCTitle.substr(0,12);
            }
            this.Rentnumbertest = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));

      //笔记本
      this.axios.post('/api/HomePageInterface/NotebookComputer', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
            }
            this.NotebookComputer = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));

      //玩具
      this.axios.post('/api/HomePageInterface/Toyslist', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
            }
            this.Toyslist = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));


      //书籍
      this.axios.post('/api/HomePageInterface/bookFlashback', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
            }
            this.bookFlashback = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));


      //查询销量最好的前四类商品
      this.axios.post('/api/HomePageInterface/maxClassB', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            // for(let i=0;i<res.data.msg.length;i++)
            // {
            //   res.data.msg[i].classBPIc="/api/img/"+ res.data.msg[i].classCPIc;
            //
            // }
            this.maxClassBId = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));
      this.axios.post('/api/HomePageInterface/LifeFlashback', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
            }
            this.LifeFlashback = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));
      //野外用品
      this.axios.post('/api/HomePageInterface/FieldFlashback', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
            }
            this.FieldFlashback = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));


      //服装
      this.axios.post('/api/HomePageInterface/clothingFlashback', this.qs.stringify({}), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {
            for(let i=0;i<res.data.msg.length;i++)
            {
              res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
            }
            this.clothingFlashback = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));

    },
    methods: {
<<<<<<< HEAD



      CommodityDetails(classCId){
         // alert(classCId);
        this.axios.post('/api/HomePageInterface/displacritical', this.qs.stringify({
          commentId:classCId
        }), {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        })
          .then(function(res) {
            if (res.data.status == "200") {
              //alert(res.data.status);
              // for(let i=0;i<res.data.msg.length;i++)
              // {
              //   res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
              //   res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
              // }
              // this.clothingFlashback = res.data.msg;
            }
            //控制台打印请求成功时返回的数据
            //bind(this)可以不用
          }.bind(this))
          .catch(function(err) {
            if (err.response) {
              console.log(err.response)
              //控制台打印错误返回的内容
            }
          }.bind(this));
      },
      classAid(index){
        // console.log(index);
        $('.pop').css('display','block');
        this.axios.post('/api/HomePageInterface/selectclassB', this.qs.stringify({
          classAId:index
        }), {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        })
          .then(function(res) {
            // console.log(res.data.status);
            if (res.data.status == "200") {
              // console.log(res.data.msg);
               this.classB = res.data.msg;
            }
            //控制台打印请求成功时返回的数据
            //bind(this)可以不用
          }.bind(this))
          .catch(function(err) {
            if (err.response) {
              console.log(err.response)
              //控制台打印错误返回的内容
            }
          }.bind(this));

      },
      classbUp(){
        $('.pop').css('display','none');
      },
      Noticeid(Noticeid){
        alert(Noticeid);
        this.axios.post('/api/HomePageInterface/selectNoticeid', this.qs.stringify({
          Noticeid:Noticeid
        }), {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        })
          .then(function(res) {
            if (res.data.status == "200") {
              for(let i=0;i<res.data.msg.length;i++)
              {
                res.data.msg[i].classCPIc="/api/img/"+ res.data.msg[i].classCPIc;
                res.data.msg[i].classCTitle=res.data.msg[i].classCTitle;
              }
              this.clothingFlashback = res.data.msg;
            }
            //控制台打印请求成功时返回的数据
            //bind(this)可以不用
          }.bind(this))
          .catch(function(err) {
            if (err.response) {
              console.log(err.response)
              //控制台打印错误返回的内容
            }
          }.bind(this));
      }


=======
      CommodityDetails(classCId,classBId){//获取二三级di进行详情页的查询
        window.sessionStorage.setItem('classCId',classCId);
        window.sessionStorage.setItem('classBId',classBId);
      },
      LookAtAllS(classAId){//获取一级分类id
        alert(classAId)
        window.sessionStorage.setItem('classAId',classAId);
        window.location.href="liebiao";
      }
    },
    created: function() {
      this.$emit('public_header', false);
>>>>>>> 721241eaa9cd2ad885f9d14fd13b17ad74e74f72
    }

  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .nav::-webkit-scrollbar {
    display: none;
  }
	.index {
		background: white;
		width:100%;
		margin:0px auto;
		text-align: left;
	}
	.el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
     background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
     background-color: #d3dce6;
  }
  .bannerimgslze
  {
    width:768px;
    height: 460px;
  }
  .classcpic
  {
    width: 160px;
    height: 150px;
    margin: 25% auto;

  }
  .peijian .main .content .remen .bushixinpin span{
    display: block;
    margin: 0 auto;
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    width: 65px;
    background: #fff;
    text-align: center;
  }

  .gonggaocontent1 div{
    display: none;
  }
  .gonggaocontent1 div.active{
    display: block;
  }
  .gonggaotitle span.active{
    color: dodgerblue;
  }
  header{width: 100%;height: 40px;background: #333}  .top{width: 1226px;height: 40px;line-height: 40px;}
  header .top .left ul li{float: left;font-size: 12px;color: #ccc;}
  header .top .left ul li a{display:block;padding:0 8px;font-size: 12px;font-family: Times New Roman;color: #b0b0b0;}
  header .top .left ul li a:hover{color:#fff;}
  header .top .right ul li{float: left;font-size: 12px;color: #ccc;}
  header .top .right ul li a{display:block;padding:0 8px;font-size: 12px;font-family: Times New Roman;color: #b0b0b0;}
  header .top .right ul li a:hover{color:#fff;}
  header .top .right .gouwuche a{color:#fff;}
  header .top .right .gouwuche{margin:0 20px;background: #424242;width: 120px;text-align: center;font-size: 12px;cursor:pointer;background: #ff6700;color: #fff;}

  header .top .right .gouwuche:hover{color:#000;background: #666;}
  a{border:none;text-decoration: none;color:#000;}
  .border{border:1px solid red;}
  .center{margin: 0 auto;}
  .w{width: 1226px;margin: 0 auto;}
  .fl{float: left;}
  .fr{float: right;}
  .clear{clear:both;}


</style>

